<!DOCTYPE html PUBLIC "-//W4C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>Google Maps</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAzrOhydvk6aOjdI3StFhy1xT2yXp_ZAY8_ufC3CFXhHIE1NvwkxSGSrVHCQ1Vv7tR5qbMOUwg8Ehe0Q type="text/javascript"></script>
  </head>
  <body onunload="GUnload()">

    <!-- you can use tables or divs for the overall layout -->
    <table border=1>
      <tr>
        <td>
           <div id="map" style="width: 1200px; height: 700px"></div>
        </td>
	<td width = 200 valign="top" style="text-decoration: underline; color: #4444ff;">
           <div id="side_bar"></div>
        </td>
      </tr>
    </table>

    <noscript><b>JavaScript must be enabled in order for you to use Google Maps.</b> 
      However, it seems JavaScript is either disabled or not supported by your browser. 
      To view Google Maps, enable JavaScript by changing your browser options, and then 
      try again.
    </noscript>


    <script type="text/javascript">
    //<![CDATA[

    var route_path;

    if (GBrowserIsCompatible()) {
	    var map = new GMap2(document.getElementById("map"));
	    map.setCenter(new GLatLng(12.966667, 77.566667), 14);

            route_path = "";
	    GEvent.addListener(map,"click", function(overlay,latlng) {     
			    if (latlng) {
			      var marker = new GMarker(latlng);
			      map.addOverlay(marker);
			      route_path += latlng;
			      document.getElementById("side_bar").innerHTML = route_path;
			    }
			    });
	    map.addControl(new GSmallMapControl());
	    map.addControl(new GMapTypeControl());
    }

    // This Javascript is based on code provided by the
    // Community Church Javascript Team
    // http://www.bisphamchurch.org.uk/   
    // http://econym.org.uk/gmap/

    //]]>
    </script>
  </body>

</html>

